.frame{
    height: 100%;
    // display: flex;

      .header-top {
        width: 100%;
        height: 0.72rem;
        background-color: #151d36;
      }


      .content-botton {
        width: 100%;
        height: calc(~"100% - 0.72rem");
        //background-color: yellow;
        display: flex;

        .left-menu{
            box-sizing: border-box;
            height: 100%;
            overflow-x: hidden;
            overflow-y: auto;
            background-color: #1a243e;
            // color: #8397cb;
            // max-width: 2rem;
          }

          .right-content{
            flex: 1;
            height: 100%;
            //.header-box{
            //  height: 0.5rem;
            //}
            .content{
              height: calc(~"100% - 0.5rem");
              //padding: 0.25rem;
              box-sizing: border-box;
              overflow: hidden;
              background-color: #f5f5f5;


              .iframe-box {
                width: 100%;
                height: 100%;
                background-color: #f5f5f5;
              }
            }
        }
      }
      // 修改elment默认
      .el-menu-item:focus, .el-menu-item:hover {
        // background-color: red;
        background-image: linear-gradient(45deg,#3da1f0,#9464c9);
        color: #fff;
      }

      .el-menu-item:hover i {
        color: #fff;
        transition: border-color .3s,background-color .3s,color .3s;
      }

      // 菜单项默认颜色
      .el-menu-item {
        color:#8397cb;
        background-color: #1a243e;
      }

      // 菜单中 icon 默认值
      .el-menu-item i {
        color:#8397cb;
      }

      // 菜单项选中状态
      .el-menu-item.is-active {
        background-image: linear-gradient(45deg,#3da1f0,#9464c9);
        color: #fff;
      }
      // 菜单项 icon 元素选中状态
      .el-menu-item.is-active i {
        color: #fff;
      }

      .el-submenu {
        background-color: #1a243e;
      }

      .el-submenu__title {
        color:#8397cb;
        background-color: #1a243e;
      }

      .el-submenu__title i {
        color:#8397cb;
      }

  }
  /* 可以设置不同的进入和离开动画 */
  .bounce-enter-active {
    animation: bounce-in .5s;
  }
  .bounce-leave-active {
    animation: bounce-in .5s reverse;
  }
  @keyframes bounce-in {
    0% {
      transform: scale(0);
    }
    50% {
      transform: scale(1.5);
    }
    100% {
      transform: scale(1);
    }
  }


